<?php
require ("master.php");

$master = new MasterPage("contact");
$master->head();
?>
      
      <div id="content">
        <!-- insert the page content here -->
        <h1>Contactar</h1>
        <p>Para cualquier consulta puede llenar el siguiente formulario con sus datos y su consulta o puede hacer llegar su consulta al siguiente direccion de correo <a href="mailto:joseco48@gmail.com">joseco48@gmail.com</a>.</p>
        <form action="#" id="contactForm" name="contactForm" method="post">
          <div class="form_settings">
            <p><span>Nombre</span><input class="contact" type="text" name="theName" id="theName" value="" /></p>
            <p id="nameRequired" class="hide validation"><span>&nbsp;</span>Debe Ingresar su nombre</p>
            <p><span>Correo electronico</span><input class="contact" type="text" name="email" id="email" value="" /></p>
            <p id="emailRequired" class="hide validation"><span>&nbsp;</span>Debe ingresar su correo electronico</p>
            <p id="emailIncorrect" class="hide validation"><span>&nbsp;</span>El correo electronico es incorrecto</p>
            <p><span>Mensaje</span><textarea class="contact textarea" rows="8" cols="50" name="message" id="message"></textarea></p>
            <p id="messageRequired" class="hide validation"><span>&nbsp;</span>El correo electronico es incorrecto</p>
            <input type="hidden" id="key" name="key" value="un239du40903fjd0" />
            <p style="padding-top: 15px"><span>&nbsp;</span><input class="submit" type="button" name="submitContact" id="submitContact" value="Enviar" /></p>
          </div>
        </form>
        <p><br /><br />NOTA: La direccion de correo electronico que coloque ser&aacute; utilizada para entrar en contacto con usted.</p>
      </div>
      <script type="text/javascript">
      	$(document).ready(function(){
			$("#submitContact").click(function(){
				$(".validation").hide();
				var name = $("#theName").val();
				var email = $("#email").val();
				var message = $("#message").val();
				if(jQuery.trim(name) == ""){
					$("#nameRequired").show();
					$("#theName").focus();
					return;	
				}
				if(jQuery.trim(email) == ""){
					$("#emailRequired").show();
					$("#email").focus();
					return;	
				}
				if(!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email))){
					$("#emailIncorrect").show();
					$("#email").focus();
					return;
				}
				if(jQuery.trim(message) == ""){
					$("#messageRequired").show();
					$("#message").focus();
					return;	
				}
				$.ajax({
					type: "POST",
					url: "sendMessage.php",
					data: $("#contactForm").serialize(),
					success: function(data){
						if(data != "ok")
							return;
						$("#theName").val("");
						$("#email").val("");
						$("#message").val("");
						alert("Su mensaje fue enviado");
					}
				});
			});
		});
      </script>
      <?php
$master->foot();
?>